<template>
	<div class="page">
		<Head />
		<div class="j-tabs-bar">
			<el-menu :default-active="$route.path" :router="true" class="j-tabs" mode="horizontal" >
				<el-menu-item index="/cw-page"><span>余额充值</span></el-menu-item>
				<el-menu-item index="/cw-page-xf"><span>消费记录</span></el-menu-item>
				<el-menu-item index="/cw-page-cz"><span>充值记录</span></el-menu-item>
				<el-menu-item index="/cw-page-rz"><span>余额日志</span></el-menu-item>
			</el-menu>
		</div>
		<div class="page-main">
			<div class="j-panel">
				<div class="j-panel-head flex-between">
					<div class="j-tit">余额日志</div>
					<div class="j-icons">
						<el-button type="primary" icon="iconfont icon-file" circle></el-button>
						<el-button type="success" icon="iconfont icon-shangchuan" circle></el-button>
						<el-button type="blue" icon="iconfont icon-shuaxin" circle></el-button>
					</div>
				</div>
				<div class="j-panel-body">
					222222222222
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	import Head from '@/components/Head.vue'
	export default {
		components: {
			Head
		},
		data() {
			return {};
		},
		methods: {}
	}
</script>
